$(function () {
    bindClickSms()
    bindLogin()
    $('input[name="mobile_phone"]').blur(function () {
        $('input[name="mobile_phone"]').siblings('.error_msg').empty()
    })
})

//点击获取验证码
function bindClickSms() {
    $('.code').on('click', function () {
        //获取用户输入的手机号
        const mobilePhone = $('#id_mobile_phone').val()
        $('.error_msg').empty()
        //发送ajax请求
        $.ajax({
            url: "/send/sms",
            type: 'GET',
            data: {
                mobile_phone: mobilePhone,
                tpl: 'login'
            },
            dataType: 'JSON',
            success: function (res) {
                // res后端返回的值
                if (res.status) {
                    var num = 30
                    $('#code_btn').prop('disabled', true)
                    let time = setInterval(function () {
                        $('#code_btn').val(num + '秒后重新发送')
                        num = num - 1
                        if (num < 1) {
                            clearInterval(time)
                            $('#code_btn').val('点击获取验证码').prop('disabled', false)
                        }
                    }, 1000)
                } else {
                    //错误信息
                    $.each(res.error, function (key, value) {
                        $('#id_' + key).siblings('.error_msg').text(value[0])
                    })
                }
            }
        })
    })
}

//点击登录
function bindLogin() {
    $('.login_btn').on('click', function () {
        $('.error_msg').empty()
        //收集表单数据
        const mobile_phone = $('input[name="mobile_phone"]').val()
        const code = $('input[name="code"]').val()
        const csrf_token = $('input[name="csrfmiddlewaretoken"]').val()
        //数据ajax发送到后台
        $.ajax({
            url: "/login/sms/",
            type: 'POST',
            data: {
                'mobile_phone': mobile_phone,
                'code': code,
                'csrfmiddlewaretoken': csrf_token
            },
            dataType: 'JSON',
            success: function (res) {
                if (res.status) {
                    location.href = res.data;
                } else {
                    $.each(res.error, function (key, value) {
                        $('#id_' + key).siblings('.error_msg').text(value[0])
                    })
                }
            }
        })
    })
}